import Vue from 'vue'
import VueRouter from 'vue-router'
import HomePage from '../views/HomePage.vue'
import Scenic from '../views/Scenic.vue'
import Poem from '../views/Poem.vue'
// import ScreenPage4 from '../views/ScreenPage4.vue'
import JpphPage from '@/views/JPPH_page'
import personNumpage from '@/views/personNum_page'
import manPage from '@/views/man_page'
import biliPage from '@/views/bili_page'
import allphPage from '@/views/allph_page'
import mapPage from '@/views/map_page'
import echarts1 from '@/views/echarts1_page'
import echarts2 from '@/views/echarts2_page'
import echarts3 from '@/views/echarts3_page'
import echarts4 from '@/views/echarts4_page'
import echarts5 from '@/views/echarts5_page'
import echarts6 from '@/views/echarts6_page'
import echarts7 from '@/views/echarts7_page'
import echarts8 from '@/views/echarts8_page'
import echarts9 from '@/views/echarts9_page'
import echarts10 from '@/views/echarts10_page'
import echarts11 from '@/views/echarts11_page'
import echarts12 from '@/views/echarts12_page'
import FeiYiPage from '@/views/FeiYiPage'
import StoryPage from '@/views/StoryPage'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'HomePage',
    component: HomePage
  },
  {
    path: '/feiyi',
    name: 'FeiYi',
    component: FeiYiPage
  },
  {
    path: '/scenery',
    name: 'Scenery',
    component: Scenic
  },
  {
    path: '/poem',
    name: 'Poem',
    component: Poem
  },
  {
    path: '/story',
    name: 'Story',
    component: StoryPage
  },
  {
    path: '/jpph',
    name: 'Jpph',
    component: JpphPage
  },
  {
    path: '/person',
    name: 'Person',
    component: personNumpage
  },
  {
    path: '/man',
    name: 'Man',
    component: manPage
  },
  {
    path: '/bili',
    name: 'Bili',
    component: biliPage
  },
  {
    path: '/allph',
    name: 'Allph',
    component: allphPage
  },
  {
    path: '/map',
    name: 'Map',
    component: mapPage
  },
  {
    path: '/echarts1',
    name: 'Echarts1',
    component: echarts1
  },
  {
    path: '/echarts2',
    name: 'Echarts2',
    component: echarts2
  },
  {
    path: '/echarts3',
    name: 'Echarts3',
    component: echarts3
  },
  {
    path: '/echarts4',
    name: 'Echarts4',
    component: echarts4
  },
  {
    path: '/echarts5',
    name: 'Echarts5',
    component: echarts5
  },
  {
    path: '/echarts6',
    name: 'Echarts6',
    component: echarts6
  },
  {
    path: '/echarts7',
    name: 'Echarts7',
    component: echarts7
  },
  {
    path: '/echarts8',
    name: 'Echarts8',
    component: echarts8
  },
  {
    path: '/echarts9',
    name: 'Echarts9',
    component: echarts9
  },
  {
    path: '/echarts10',
    name: 'Echarts10',
    component: echarts10
  },
  {
    path: '/echarts11',
    name: 'Echarts11',
    component: echarts11
  },
  {
    path: '/echarts12',
    name: 'Echarts12',
    component: echarts12
  },
 
]

const router = new VueRouter({
  routes,
  mode: 'history'
})

export default router
